*,html{margin:0; padding:0}
img{ border:0}
html{color:#333}
body{font-family: "Microsoft YaHei" ! important;}
ul,ol{ list-style:none}
div{font-size:14px}
a{text-decoration:none; color:#333}
.clearfix{clear:both; overflow:hidden}
.clearfix:after {content: "";visibility: hidden;display: block;height: 0px;clear: both;}
.banner {width: 100%;min-width:1250px;height: 440px;font-size: 0;overflow: hidden;background:#EFEFEF;position: relative}
.banner_img {width: 100%;height: 450px;position: absolute;left: 0;top: 0}
.banner_img li {width: 100%;height: 440px;display: inline-block;background-position: center;background-repeat: no-repeat;float: left;list-style: none}
.banner_list {height: 50px;top: 400px;position: relative;margin: 0 auto;z-index: 1}
.banner_list span {display: block;cursor: pointer;width: 10px;height:4px; background: #555 ;float: left;margin: 0 5px}
.banner_list .spcss {background:#D4D4D4}
.banner_left {position: absolute;height: 90px;width: 60px;top: 50%;left: 50%;margin-left: -632px;margin-top: -45px;text-align: center;transition: all .5s;z-index: 2}
.banner_right {position: absolute;height: 90px;width: 60px;top: 50%;right: 50%;margin-right: -632px;margin-top: -45px;text-align: center;transition: all .5s;z-index: 2}
.banner_left img {margin-top: 22px}
.banner_right img {margin-top: 22px}
.sitelogo{width: 500px;height: 36px; float: left;}
.site-topbar{height:40px;width:100%;min-width:1250px; overflow: hidden; line-height:36px; background-color:#000000; color:#e8e3d8;}
.site-topbar .layout{width:1250px;  margin:0 auto; }
.t1font{float:left; padding-right:10px;  font-size:12px}
.t1img{ float:left; padding-right: 8px;}
.t1font a{color:#e8e3d8}
.t1font span{ background:url(../images/t2.png) no-repeat;position: absolute;margin-top: 13px;width: 7px;height: 4px;line-height: 0;background-position: -34px 0; margin-left:3px}
.t1font a:hover span{background-position: 0px 0;}
.t1font a:hover{color:#ffffff}
.t1-r-ul{float:right; margin-right:5px}
.logon{margin-right:10px}

.site-nav{background: #e8e3d8;height: 50px;min-width:1250px;border-top: 1px solid #dbd6ca;position: relative;}
.site-nav .wrap{ width: 1250px; margin: 0px auto;padding-top: 5px; position: relative;}

.waterfull {width: 1250px;overflow: hidden; margin: 60px auto}
.waterfull .wrap{width: 1380px;}
.waterfull ul{}
.waterfull ul li {float: left;width: 260px;margin-right: 65px; margin-bottom: 40px; padding-bottom: 8px;background: #fff;position: relative;overflow: hidden;}
.waterfull ul li a{display: block;width:100%;height: 348px;
transform: scale(1);transition: all 1s ease 0s;webkit-transform: scale(1);webkit-transform: all 1s ease 0s; 
webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
overflow:hidden;}
.waterfull ul li a:hover img{transform: scale(1.1);transition: all 1s ease 0s;webkit-transform: all 1s ease 0s;webkit-transform: scale(1.3); 
transition-duration: .5s;
overflow:hidden;}
.waterfull ul li .a-img {width: 260px;display: block;position: relative}
.waterfull ul li .a-img img {width: 260px;display: block;height: 348px}
.waterfull ul li .li-title {margin:5px;padding: 5px 0;max-height: 48px;overflow: hidden;line-height: 24px;color: #898686;background: #fff;font-size: 14px;border-bottom: solid 1px #f3f3f3}
.waterfull ul li .qianm .sp1 {float: left;height: 24px;line-height: 24px;color: #898686}
.waterfull ul li .qianm .sp1 b {color: #CFBC00;font-weight: 700;padding: 0 5px;font-size: 1.3em}
.waterfull ul li .qianm .sp1 b.han{font-size: 12px;font-weight: normal;color: #BABABA;}
.waterfull ul li .qianm .sp2 {float: right;height: 24px;padding: 0 5px;line-height: 24px;color: #898686}
.waterfull ul li .qianm .sp3 {width:68px; text-align: right; font-size: 12px; float: right;height: 24px;line-height: 24px;padding-right:5px;color: #898686}



.right_fix{width: 280px;z-index: 9999;position: fixed;right: -240px;top: 0; height: 100%;}
.right_fix .mod1{width: 40px; height: 198px; overflow: hidden; margin-top: 250px; float: left; background: url(../images/suspend.png) no-repeat;}
.right_fix .mod1 li{ text-align: center; line-height: 60px;color: #A1A1A1;font-size: 24px; }
.right_fix .mod2{display: block;width: 240px; height: 100%; background:#e8e3d8;float: left;}
.right_fix .mod2 .wrap{ padding:15px;}
.right_fix .mod2 .news a{display: block;line-height: 30px;color: #616161;white-space: nowrap; overflow: hidden;}
.right_fix .mod2 .news a:hover{color:#F14900}
.right_fix .mod2  h4{font-size: 14px;font-weight: bold; border-bottom: 1px solid #D9D3B4;padding-bottom: 12px;margin-top:20px;}
.right_fix .mod2 .icons{ height: 250px; padding-top:20px; }
.right_fix .mod2 .qq{width: 100px; text-align: center; float: left; margin-bottom: 10px;}
.right_fix .mod2 .qq i{font-size: 48px; display: block;height: 50px;line-height: 48px}
.right_fix .mod2 .qq a:hover{ text-decoration: none;color: #F14900;display: block; }
.right_fix .mod2 .ewm{text-align: left; margin-top: 10px; text-align: center;}
.right_fix .mod2 .kefuqq { text-align: center; }
.right_fix .mod2 .kefuqq a{ display: block; line-height: 24px; }



.logo_ban{height:200px;min-width:1250px; background:url(../images/banner.gif);overflow: hidden;}
.logo_ban a{ display: block;width: 160px; height: 160px; margin: 20px auto }

.tuijian{width: 1250px; margin: 20px auto; height: 195px;}
.adform{ display: block; background: #ECECEC; width: 100%; padding: 12px;}
.adform a.info div{padding-left: 40px; float: right;padding-right:12px;}
.adform a.info ,.adform a.info :hover{text-decoration: none;}
.adform a img{width: 200px; height: 100px; float: left;}
.adform .info h4{ height: 52px; }
.adform .info h4 b{ display: block; font-size: 24px; text-align: right;font-weight: normal;}
.adform .info h4 span{display: block;font-size: 12px; text-align: right;padding-top: 5px; color: #858585}
.adform a.info p.xqbtn{ color: #818181; font-size: 10px; text-align: center; font-family: arial;border-radius: 12px;border:1px solid #CBCBCB;}
.adform a.info:hover h4 b{color: #EB8E00;}

.shangs{width: 1250px;margin: 50px auto}
.shangs .stitle{ text-align: center;margin:30px 0 40px; }

.stitle h3 { text-align:center; font-size:30px; font-weight:400; color:#000; letter-spacing:0;}
.stitle h3 .main_top {width:45px; margin:0 auto; border-top:2px solid #000; padding-top:10px; transition:all 0.3s ease;}
.stitle h3:hover .main_top {width:145px;}
.stitle h3 p {margin-top:5px; font-size:14px; font-weight:400; color:#666;}

.shangs .sbox{float: left;position: relative;}
.shangs .info{ position:absolute;width: 100%; height: 0px;overflow: hidden; left: 0;top: 0; background: url(../images/bg60.png) repeat}
.shangs .info p{padding: 20px; font-size: 14px; color: #ffffff;line-height: 22px;}
.shangs .ss1{width: 600px; margin-right: 10px;}
.shangs .ss1 img{width: 600px; height: 300px;}
.shangs .ss2{width: 310px;margin-right: 10px;}
.shangs .ss2 img{width: 310px; height: 300px;}
.shangs .ss3{width: 310px;}
.shangs .ss3 img{width: 310px; height: 300px;}

.shangs .ss4{width: 310px;margin-right: 10px;margin-top: 10px;}
.shangs .ss4 img{width: 310px; height: 300px;}
.shangs .ss5{width: 600px;margin-right: 10px;margin-top: 10px;}
.shangs .ss5 img{width: 600px; height: 300px;}
.shangs .ss6{width: 310px;margin-top: 10px;}
.shangs .ss6 img{width: 310px; height: 300px;}

.navbar-nav>li a{font-size: 16px;}
.adform a.info p.xqbtn{ transform: scale(0.833333)}


.hfbg{ height: 200px;min-width:1250px; background: #F1F1F1; margin:70px 0px 70px 0px; }
.hfbg div{width: 1250px; padding-top:50px; margin:0px auto;color: #848484}
.hfbg div h4{font-size: 28px;}



.main_banner {margin-top:45px;}
.main_banner li {margin-left:19px; display: list-item; float: left;}
.main_banner li:first-child {margin-left:0;}
.main_banner li:hover {box-shadow:0px 2px 10px rgba(0,0,0,0.2)}
.main_banner img {opacity:1;}
.main_banner img:hover {opacity:0.8;}



.category_wrap { width:99.9999%; zoom:1;}
.category_wrap:after {clear:both; display:block; content:'';}
.category_wrap > li {float:left;  vertical-align:top; width: 110px;}
.category_wrap > li > a{font-size: 18px;}
.category_wrap .categoryDepth1 {position:relative; height:40px; line-height:40px; text-align:center;}
.category_wrap .categoryDepth1 > a {display:block; line-height:40px; text-decoration:none;}
.category_wrap .categoryDepth1 > a:hover{font-weight: bold}
.category_wrap .categoryDepth1 .categorySub {display:none; position:absolute; top:40px; left:50%; min-width:120px; margin-left:-75px; border:1px solid #888; background:#fff; background:rgba(255,255,255,0.9); padding:10px 10px 10px 15px; text-align:left; z-index:100;}
.category_wrap .categoryDepth1 .categorySub:after {position:absolute; top:-6px; left:70px; background:url('../images/ico_top_arrow.png') no-repeat; width:8px; height:6px; content:'';}
.category_wrap .categoryDepth1:hover .categorySub {display:block;}
.category_wrap .categoryDepth1 .categorySub > li {display:table-cell; vertical-align:top;}
.category_wrap .categoryDepth1 .categorySub .categorySubItems {min-width:120px;}
.category_wrap .categoryDepth1 .categorySub .categorySubItems li.categorySubDepth {background:url("../images/bullet_dot.gif") no-repeat left center; padding-left:10px; line-height:2.0;}
.category_wrap .categoryDepth1 .categorySub .categorySubItems li.categorySubDepth a {display:block;}
.category_wrap .categoryDepth1 .categorySub .categorySubItems li.categorySubDepth a:hover{text-decoration: underline;}
.category_wrap .categoryDepth1 .categorySub li.categorySubBar {border-left:1px solid #eee; padding-left:10px;}
.category_wrap .categoryDepth1 .categorySub2 {display:none; position:absolute; top:1px; left:0; min-width:120px; padding:10px 15px; text-align:left; z-index:100;}
.category_wrap .categoryDepth1 .categorySub2 > li {background:url("../images/bullet_dot.gif") no-repeat left center; padding-left:10px; line-height:2.0;}
.category_wrap .categoryDepth1 .categorySub2 > li a {display:block;}
#layout_topBar .categorySub2_bg {display:none; position:absolute; top:1px; left:0; width:100%; height:150px; border-bottom:1px solid #ddd; background:#fff; background:rgba(255,255,255,0.9);  z-index:10;}

.designCategoryNavigation h1{ width: 200px; float: left; }
.site-nav .cart {width: 40px; position: absolute; right: 10px; top: 10px;}
.site-nav .cart .count {position:absolute; top:-7px; right:-7px; display:block; width:20px; height:20px; line-height:20px; border-radius:50%; background:#ed4646; text-align:center; font-size:11px; color:#fff;}

.searchBar-form{ width: 306px; position: absolute; right: 70px; top: 10px; }
.searchBar-form .text{ width: 260px; height: 28px;float: left; background: #fff; border: 1px solid #D9D9D9 }
.searchBar-form .button{ width: 40px; height: 28px;float: left; background: #ffdb3d; border:none; }


.footer{ background: #FDFCFB; margin-top: 30px;  background-repeat: repeat-x;border-top:1px solid #e5e5e5;}
.helpful.layout{width:1240px;  margin:0 auto}
.helpful dl dt{font-size:16px; line-height:1.2; padding-bottom:15px; font-family:'Tahoma',\5FAE\8F6F\96C5\9ED1;}
.helpful dl dd ol li{ line-height:28px;}
.helpful dl dd ol li a:hover{ color:#f18722; text-decoration:underline}
.helpful dl{display:inline-block; vertical-align:top; padding-top:20px; padding-bottom:20px; width: 180px;}
.keep-on-record{ padding-top:20px; text-align:center; color:#666; line-height:1.5; padding-bottom:20px;border-top:1px solid #e5e5e5}
.keep-on-record .ccoo img{width: 35px;}

.nextpage{ clear: both;display: none;min-width:1250px;}
.nextpage a{ display:block; width: 250px; height: 50px;line-height: 50px; text-align: center; background: #000000; color: #ffffff;margin:0px auto;border-radius: 20px; font-size: 18px; }
.nextpage a:hover{background: #E4A600}